<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>会员中心-预约详情</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="dist/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/orglist.css" />
		<link rel="stylesheet" type="text/css" href="css/bookinglist.css" />
		<link rel="stylesheet" type="text/css" href="css/choosetime.css" />
		<link rel="stylesheet" type="text/css" href="css/selfhelp.css" />
		<link rel="stylesheet" type="text/css" href="css/packagedetai.css" />
	</head>

	<body>
		<nav class="nav">
			<ul>
				<li class="first">
					<a href="orglist.html" class="col-xs-3">
						<i class="glyphicon glyphicon-time" style="width: 100%;font-size: 2.5rem;"></i>
						<span style=" display: block;text-align: center;">体检预约</span>
					</a>
				</li>
				<li class="first">
					<a href="" class="col-xs-3">
						<i class="glyphicon glyphicon-shopping-cart" style="width: 100%;font-size: 2.5rem;"></i>
						<span style=" display: block;text-align: center;">健康商城</span>
					</a>
				</li>
				<li class="first">
					<a href="" class="col-xs-3">
						<i class="glyphicon glyphicon-info-sign" style="width: 100%;font-size: 2.5rem;"></i>
						<span style=" display: block;text-align: center;">关于我们</span>
					</a>
				</li>
				<li class="last">
					<a href="bookinglist.html" class="col-xs-3">
						<i class="glyphicon glyphicon-user" style="width: 100%;font-size: 2.5rem;"></i>
						<span style=" display: block;text-align: center;">我的预约</span>
					</a>
				</li>
			</ul>
		</nav>
		<div class="container-fluid clearfix">
			<dl class="panel" style="margin-bottom: 0;">
				<dd class="panel-body appointment-details-cont border-bottom-grey">
					<div class="list-details">
						<span class="title-name">测试人员</span>
						<span class="title-number">123456</span>
					</div>
					<div class="list-details">
						<span class="label-icon">身份证号</span>
						<span class="title-idcard">123456789</span>
					</div>
				</dd>
				<dd class="panel-body appointment-details-cont border-bottom-grey">
					<div class="list-details">
						<span class="label-icon">体检单位</span>
						<span class="title-idcard">招商美伦健康</span>
					</div>
					<div class="list-details">
						<span class="label-icon">体检地址</span>
						<span class="title-idcard"><i class="glyphicon glyphicon-map-marker"></i>广东省深圳市南山区蛇口沿山路1号美伦会所三楼健康中心(地铁海上世界站)</span>
					</div>
					<div class="list-details">
						<span class="label-icon">体检时间</span>
						<span class="title-idcard"><i class="glyphicon glyphicon-time"></i>2017-01-01</span>
					</div>
				</dd>
			</dl>
			<dl class="panel radio-cont">
				<dd class="panel-body appointment-details-cont clearfix" style="padding-left: 0;padding-right: 0;padding-bottom: 0;">
					<div class="tc-title-jc">套餐详情</div>
					<div class="tc-cont-left clearfix tc-active">固定套餐</div>
					<div class="tc-cont-right clearfix ">自选套餐</div>
				</dd>
				<dd class="panel-body appointment-details-cont tjxm-show tjxm-gdtc" style="padding: 0;">
					<div class="tjxm-tab-jc">
						<div class="details-tab">
							<div class="tab-box-bottom tab-title">编号</div>
							<div class="tab-box-bottom tab-title">体检项目</div>
							<div class="tab-box-bottom tab-title">门市价</div>
							<div class="tab-box-bottom tab-title">优惠价</div>
						</div>
					</div>
					<div class="details-list  bg-white">
						<div class="details-text-box radio-box">
							<div class="tab-box-bottom title-asd">1</div>
							<div class="tab-box-bottom text-center">乙肝两对半</div>
							<div class="tab-box-bottom text-center" style="margin-left: -3rem;">￥50</div>
							<div class="tab-box-bottom text-center">￥40</div>
						</div>
						<div class="text-grey-b gray-bg">诊断乙型肝炎及了解机体对乙肝的免疫情况</div>
					</div>
					<div class="details-list  bg-f1">
						<div class="details-text-box radio-box">
							<div class="tab-box-bottom title-asd">2</div>
							<div class="tab-box-bottom text-center">乙肝两对半</div>
							<div class="tab-box-bottom text-center" style="margin-left: -3rem;">￥50</div>
							<div class="tab-box-bottom text-center">￥40</div>
						</div>
						<div class="text-grey-b gray-bg">诊断乙型肝炎及了解机体对乙肝的免疫情况</div>
					</div>
					<div class="details-list  bg-white">
						<div class="details-text-box radio-box">
							<div class="tab-box-bottom title-asd">3</div>
							<div class="tab-box-bottom text-center">乙肝两对半</div>
							<div class="tab-box-bottom text-center" style="margin-left: -3rem;">￥50</div>
							<div class="tab-box-bottom text-center">￥40</div>
						</div>
						<div class="text-grey-b gray-bg">诊断乙型肝炎及了解机体对乙肝的免疫情况</div>
					</div>
					<div class="details-list  bg-f1">
						<div class="details-text-box radio-box">
							<div class="tab-box-bottom title-asd">4</div>
							<div class="tab-box-bottom text-center">乙肝两对半</div>
							<div class="tab-box-bottom text-center" style="margin-left: -3rem;">￥50</div>
							<div class="tab-box-bottom text-center">￥40</div>
						</div>
						<div class="text-grey-b gray-bg">诊断乙型肝炎及了解机体对乙肝的免疫情况</div>
					</div>
					<div class="details-list  bg-white">
						<div class="details-text-box radio-box">
							<div class="tab-box-bottom title-asd">5</div>
							<div class="tab-box-bottom text-center">乙肝两对半</div>
							<div class="tab-box-bottom text-center" style="margin-left: -3rem;">￥50</div>
							<div class="tab-box-bottom text-center">￥40</div>
						</div>
						<div class="text-grey-b gray-bg">诊断乙型肝炎及了解机体对乙肝的免疫情况</div>
					</div>
					<div class="details-list  bg-f1">
						<div class="details-text-box radio-box">
							<div class="tab-box-bottom title-asd">6</div>
							<div class="tab-box-bottom text-center">乙肝两对半</div>
							<div class="tab-box-bottom text-center" style="margin-left: -3rem;">￥50</div>
							<div class="tab-box-bottom text-center">￥40</div>
						</div>
						<div class="text-grey-b gray-bg">诊断乙型肝炎及了解机体对乙肝的免疫情况</div>
					</div>
				</dd>
				<dd class="panel-body appointment-details-cont tjxm-hide tjxm-zxtc" style="padding: 0;">
					<div class="zxtc-title">
						*固定项目（自选套餐固定部分）
					</div>
					<div class="tjxm-tab-jc">
						<div class="details-tab">
							<div class="tab-box-bottom tab-title">编号</div>
							<div class="tab-box-bottom tab-title">体检项目</div>
							<div class="tab-box-bottom tab-title">门市价</div>
							<div class="tab-box-bottom tab-title">优惠价</div>
						</div>
					</div>
					<div class="details-list  bg-white">
						<div class="details-text-box radio-box">
							<div class="tab-box-bottom title-asd">1</div>
							<div class="tab-box-bottom text-center">乙肝两对半</div>
							<div class="tab-box-bottom text-center" style="margin-left: -3rem;">￥50</div>
							<div class="tab-box-bottom text-center">￥40</div>
						</div>
						<div class="text-grey-b gray-bg">诊断乙型肝炎及了解机体对乙肝的免疫情况</div>
					</div>
					<div class="details-list  bg-f1">
						<div class="details-text-box radio-box">
							<div class="tab-box-bottom title-asd">2</div>
							<div class="tab-box-bottom text-center">乙肝两对半</div>
							<div class="tab-box-bottom text-center" style="margin-left: -3rem;">￥50</div>
							<div class="tab-box-bottom text-center">￥40</div>
						</div>
						<div class="text-grey-b gray-bg">诊断乙型肝炎及了解机体对乙肝的免疫情况</div>
					</div>
					<div class="details-list  bg-white">
						<div class="details-text-box radio-box">
							<div class="tab-box-bottom title-asd">3</div>
							<div class="tab-box-bottom text-center">乙肝两对半</div>
							<div class="tab-box-bottom text-center" style="margin-left: -3rem;">￥50</div>
							<div class="tab-box-bottom text-center">￥40</div>
						</div>
						<div class="text-grey-b gray-bg">诊断乙型肝炎及了解机体对乙肝的免疫情况</div>
					</div>
					<div class="details-list  bg-f1">
						<div class="details-text-box radio-box">
							<div class="tab-box-bottom title-asd">4</div>
							<div class="tab-box-bottom text-center">乙肝两对半</div>
							<div class="tab-box-bottom text-center" style="margin-left: -3rem;">￥50</div>
							<div class="tab-box-bottom text-center">￥40</div>
						</div>
						<div class="text-grey-b gray-bg">诊断乙型肝炎及了解机体对乙肝的免疫情况</div>
					</div>
					<div class="details-list  bg-white">
						<div class="details-text-box radio-box">
							<div class="tab-box-bottom title-asd">5</div>
							<div class="tab-box-bottom text-center">乙肝两对半</div>
							<div class="tab-box-bottom text-center" style="margin-left: -3rem;">￥50</div>
							<div class="tab-box-bottom text-center">￥40</div>
						</div>
						<div class="text-grey-b gray-bg">诊断乙型肝炎及了解机体对乙肝的免疫情况</div>
					</div>
					<div class="details-list  bg-f1">
						<div class="details-text-box radio-box">
							<div class="tab-box-bottom title-asd">6</div>
							<div class="tab-box-bottom text-center">乙肝两对半</div>
							<div class="tab-box-bottom text-center" style="margin-left: -3rem;">￥50</div>
							<div class="tab-box-bottom text-center">￥40</div>
						</div>
						<div class="text-grey-b gray-bg">诊断乙型肝炎及了解机体对乙肝的免疫情况</div>
					</div>
					<div class="zxtc-title">
						*自选项目（自由组合部分）
					</div>
					<ul style="padding: 0;">
						<li style="padding: 0.5rem;">
							<button class="btn btn-default btn-zln" style="float: left;">中老年套餐</button>
							<button class="btn btn-default btn-xug" style="float: left;">心血管套餐</button>
							<button class="btn btn-default" style="float: left;">心脏病套餐</button>
							<button class="btn btn-default">青少年套餐</button>
						</li>
					</ul>
					<div class="zxtc-cont zlntc">
						<div class="zxtc-cont-title">
							中老年套餐
						</div>
						<div class="zxtc-con">
							<div class="tjxm-tab">
								<div class="details-tab">
									<div class="tab-box-bottom tab-title">
										<input type="checkbox" name="" id="" class="radio-white" />
									</div>
									<div class="tab-box-bottom tab-title">
										体检项目
									</div>
									<div class="tab-box-bottom tab-title">
										门市价
									</div>
									<div class="tab-box-bottom tab-title">
										优惠价
									</div>
								</div>
							</div>
							<ul>
								<li>
									<div class="p-silde">
										<div class="details-list details-check">
											<div class="details-text-box radio-box">
												<div class="radio-box details-text-box" style="margin-left: 1.5rem;">
													<input type="checkbox" class="radio-white radio-white" />
												</div>
												<div class="tab-box-bottom title-asd" style="margin-left: 2.5rem;">乙肝两对半</div>
												<div class="tab-box-bottom text-center">￥50</div>
												<div class="tab-box-bottom text-center">￥40</div>
											</div>
											<div class="text-grey-b" style="text-align: left;">
												动脉硬化早期检测仪是通过检查血管弹性状况和脉搏波，发现早期血管病变，对动脉硬化做到早发现、早诊断、早治疗。
											</div>
										</div>
										<div class="details-list details-check bg-f1">
											<div class="details-text-box radio-box">
												<div class="radio-box details-text-box" style="margin-left: 1.5rem;">
													<input type="checkbox" class="radio-white radio-white" />
												</div>
												<div class="tab-box-bottom title-asd" style="margin-left: 2.5rem;">乙肝两对半</div>
												<div class="tab-box-bottom text-center">￥50</div>
												<div class="tab-box-bottom text-center">￥40</div>
											</div>
											<div class="text-grey-b" style="text-align: left;">
												动脉硬化早期检测仪是通过检查血管弹性状况和脉搏波，发现早期血管病变，对动脉硬化做到早发现、早诊断、早治疗。
											</div>
										</div>
										<div class="details-list details-check">
											<div class="details-text-box radio-box">
												<div class="radio-box details-text-box" style="margin-left: 1.5rem;">
													<input type="checkbox" class="radio-white radio-white" />
												</div>
												<div class="tab-box-bottom title-asd" style="margin-left: 2.5rem;">乙肝两对半</div>
												<div class="tab-box-bottom text-center">￥50</div>
												<div class="tab-box-bottom text-center">￥40</div>
											</div>
											<div class="text-grey-b" style="text-align: left;">
												动脉硬化早期检测仪是通过检查血管弹性状况和脉搏波，发现早期血管病变，对动脉硬化做到早发现、早诊断、早治疗。
											</div>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
					<div class="zxtc-cont xxgtc">
						<div class="zxtc-cont-title">
							心血管套餐
						</div>
						<div class="zxtc-con">
							<div class="tjxm-tab">
								<div class="details-tab">
									<div class="tab-box-bottom tab-title">
										<input type="checkbox" name="" id="" class="radio-white" />
									</div>
									<div class="tab-box-bottom tab-title">
										体检项目
									</div>
									<div class="tab-box-bottom tab-title">
										门市价
									</div>
									<div class="tab-box-bottom tab-title">
										优惠价
									</div>
								</div>
							</div>
							<ul>
								<li>
									<div class="p-silde">
										<div class="details-list details-check">
											<div class="details-text-box radio-box">
												<div class="radio-box details-text-box" style="margin-left: 1.5rem;">
													<input type="checkbox" class="radio-white radio-white" />
												</div>
												<div class="tab-box-bottom title-asd" style="margin-left: 2.5rem;">两对半</div>
												<div class="tab-box-bottom text-center">￥50</div>
												<div class="tab-box-bottom text-center">￥40</div>
											</div>
											<div class="text-grey-b" style="text-align: left;">
												动脉硬化早期检测仪是通过检查血管弹性状况和脉搏波，发现早期血管病变发现早期血管病变发现早期血管病变发现早期血管病变发现早期血管病变发现早期血管病变，对动脉硬化做到早发现、早诊断、早治疗。
											</div>
										</div>
										<div class="details-list details-check bg-f1">
											<div class="details-text-box radio-box">
												<div class="radio-box details-text-box" style="margin-left: 1.5rem;">
													<input type="checkbox" class="radio-white radio-white" />
												</div>
												<div class="tab-box-bottom title-asd" style="margin-left: 2.5rem;">乙肝两对半</div>
												<div class="tab-box-bottom text-center">￥50</div>
												<div class="tab-box-bottom text-center">￥40</div>
											</div>
											<div class="text-grey-b" style="text-align: left;">
												动脉硬化早期检测仪是通过检查血管弹性状况和脉搏波，发现早期血管病变，对动脉硬化做到早发现、早诊断、早治疗。
											</div>
										</div>
										<div class="details-list details-check">
											<div class="details-text-box radio-box">
												<div class="radio-box details-text-box" style="margin-left: 1.5rem;">
													<input type="checkbox" class="radio-white radio-white" />
												</div>
												<div class="tab-box-bottom title-asd" style="margin-left: 2.5rem;">乙肝两对半</div>
												<div class="tab-box-bottom text-center">￥50</div>
												<div class="tab-box-bottom text-center">￥40</div>
											</div>
											<div class="text-grey-b" style="text-align: left;">
												动脉硬化早期检测仪是通过检查血管弹性状况和脉搏波，发现早期血管病变，对动脉硬化做到早发现、早诊断、早治疗。
											</div>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</dd>
			</dl>
			<div class="package">
				
			</div>
			<input type="button" id="" value="确认" class="btn btn-block" />
		</div>
		<footer>
			<img src="img/footer.jpg" />
		</footer>
	</body>
	<script src="dist/jquery-1.11.3/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/selfhelp.js" type="text/javascript" charset="utf-8"></script>

</html>